import { createApp } from "vue";
import "./style.css";
import App from "./App.vue";
import router from "./router";
import { createPinia } from "pinia";
import "animate.css";
import svgIcon from "@/components/ionicons/index.vue";
import "virtual:svg-icons-register";
import View3D from "@egjs/vue3-view3d";
import "@egjs/vue3-view3d/css/view3d-bundle.min.css";
import VueAMap, { initAMapApiLoader } from "@vuemap/vue-amap";
import BaiduMap from 'vue-baidu-map-3x'
import "@vuemap/vue-amap/dist/style.css";
import vue3SeamlessScroll from "vue3-seamless-scroll";
// 初始化vue-amap
initAMapApiLoader({
	// 高德的key
	key: "8d2ea45401d731f6b0742c52ad3baa23",
	securityJsCode: "9fa6146b344aee4bee232e8b76b7eb42" // 新版key需要配合安全密钥使用
	//Loca:{
	//  version: '2.0.0'
	//} // 如果需要使用loca组件库，需要加载Loca
});
// pina持久化存储
import piniaPluginPersistedstate from "pinia-plugin-persistedstate";
const pinia = createPinia();
pinia.use(piniaPluginPersistedstate);
createApp(App)
  .use(router)
  .use(pinia)
  .use(BaiduMap,{
    ak:'p98CWzmfaHS1W1qiucDmdwdcm1aBLvf1'
  })
  .use(View3D)
  .use(VueAMap)
  .component("svg-icon", svgIcon)
  .mount("#app");
